﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link href="Styles/_home(1).css" rel="stylesheet" type="text/css" />
    <link href="Styles/_home.css" rel="stylesheet" type="text/css" />
    <link href="Styles/autosuggest.css" rel="stylesheet" type="text/css" />
    <link href="Styles/widget.css" rel="stylesheet" type="text/css" />

    <link href="Styles/stylesheet.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-latest.min.js" type="text/javascript"></script>
    <script src="Scripts/store-locator.js" type="text/javascript"></script>
    <!--[if IE 6]>
       <script src="Scripts/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
    <![endif]-->
    <script language="javascript" type="text/javascript">

        $(document).ready(function () {
            initMap();
        });

    </script>
</head>
<body>
    <div id="map_wraper">
        <div id="us_map">
            <div class="return_map">
                <a href="#" id="return_global_map">
                    <img src="Images/return_global_map.gif" alt="click to return global map" /></a>
            </div>
            <div id="us_n_california" class="store">
                <a name="1" id="1" href="#" state="N. CALIFORNIA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_hawaii" align="right" class="store">
                <a name="4" id="4" href="#" state="HAWAII">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_california_outlet" class="store">
                <a name="2" id="2" href="#" state="CALIFORNIA OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="us_new_york_outlet" class="store">
                <a name="22" id="22" href="#" state="NEW YORK OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="us_s_california" class="store">
                <a name="3" id="3" href="#" state="S CALIFORNIA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_nevada_outlet" class="store">
                <a name="5" id="5" href="#" state="NEVADA OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="us_texas" class="store">
                <a name="9" id="9" href="#" state="TEXAS">
                    <img src="Images/icon_1.png" alt="" />
                </a>
            </div>
            <div id="us_texas_outlet" class="store">
                <a name="8" id="8" href="#" state="TEXAS OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a></div>
            <div id="us_nevada" class="store">
                <a name="6" id="6" href="#" state="NEVADA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_arizona" class="store">
                <a name="7" id="7" href="#" state="ARIZONA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_tennessee" class="store">
                <a name="11" id="11" href="#" state="TENNESSEE">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_illinois_outlet" align="right" class="store">
                <a name="10" id="10" href="#" state="ILLINOIS OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="us_georgia" class="store">
                <a name="12" id="12" href="#" state="GEORGIA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_pennsylvania" class="store">
                <a name="18" id="18" href="#" state="PENNSYLVANIA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_n_carolina" class="store">
                <a name="13" id="13" href="#" state="N. CAROLINA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_florida" class="store">
                <a name="15" id="15" href="#" state="FLORIDA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_florida_outlet" class="store">
                <a name="14" id="14" href="#" state="FLORIDA OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="us_new_york" class="store">
                <a name="19" id="19" href="#" state="NEW YORK">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_virginia" class="store">
                <a name="16" id="16" href="#" state="VIRGINIA">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_washington" class="store">
                <a name="21" id="21" href="#" state="WASHINGTON">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_new_jersey" class="store">
                <a name="17" id="17" href="#" state="NEW JERSEY">
                    <img src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="us_massachusetts_outlet" class="store">
                <a name="20" id="20" href="#" state="MASSACHUSETTS OUTLET">
                    <img src="Images/icon_2.png" alt="" /></a>
            </div>
            <div class="retail_store">
                <img src="Images/icon_1.png" alt="" /><span class="retail_store_name bold">Retail store</span>
            </div>
            <div class="outlet_store">
                <img src="Images/icon_2.png" alt="" /><span class="retail_store_name bold">Outlet store</span>
            </div>
        </div>
        <!--====================================-->
        <div id="global_map">
            <div id="brazil_location" class="store">
                <a name="1" id="A1" href="#" state="BRAZIL"><span class="retail_store_name">BRAZIL</span><img
                    src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="ireland_location" class="store">
                <a name="2" id="A2" href="#" state="IRELAND"><span class="retail_store_name">IRELAND</span><img
                    src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="uk_location" class="store">
                <a name="3" id="A3" href="#" state="UK"><span class="retail_store_name">UK</span><img
                    src="Images/icon_2.png" alt="" /></a>
            </div>
            <div id="france_location" align="right" class="store">
                <a name="4" id="A4" href="#" state="FRANCE"><span class="retail_store_name">FRANCE</span><img
                    src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="belgium_location" class="store">
                <a name="5" id="A5" href="#" state="BELGIUM"><span class="retail_store_name">BELGIUM</span><img
                    src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="holland_lacation" class="store">
                <a name="6" id="A6" href="#" state="HOLLAND">
                    <img src="Images/icon_2.png" alt="" /><span class="retail_store_name">HOLLAND</span></a>
            </div>
            <div id="switzerland_location" class="store">
                <a name="7" id="A7" href="#" state="SWITZERLAND">
                    <img src="Images/icon_2.png" alt="" /><span class="retail_store_name">SWITZERLAND</span></a>
            </div>
            <div id="germany_location" class="store">
                <a name="8" id="A8" href="#" state="GERMANY">
                    <img src="Images/icon_2.png" alt="" /><span class="retail_store_name">GERMANY</span></a>
            </div>
            <div id="italy_location" class="store">
                <a name="9" id="A9" href="#" state="ITALY">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">ITALY</span>
                </a>
            </div>
            <div id="japan_location_outlet" class="store">
                <a name="21" id="A10" href="#" state="JAPAN">
                    <img src="Images/icon_2.png" alt="" /><span class="retail_store_name">JAPAN</span></a>
            </div>
            <div id="lebanon_location" align="right" class="store">
                <a name="10" id="A11" href="#" state="LEBANON"><span class="retail_store_name">LEBANON</span><img
                    src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="kuwait_location" class="store">
                <a name="11" id="A12" href="#" state="KUWAIT">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">KUWAIT</span></a>
            </div>
            <div id="dubai_location" class="store">
                <a name="12" id="A13" href="#" state="DUBAI">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">DUBAI</span></a>
            </div>
            <div id="india_location" class="store">
                <a name="13" id="A14" href="#" state="INDIA">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">INDIA</span></a>
            </div>
            <div id="china_location" class="store">
                <a name="14" id="A15" href="#" state="CHINA">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">CHINA</span></a>
            </div>
            <div id="malaysia_location" class="store">
                <a name="15" id="A16" href="#" state="MALAYSIA">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">MALAYSIA</span></a>
            </div>
            <div id="singapore_location" class="store">
                <a name="16" id="A17" href="#" state="SINGAPORE">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">SINGAPORE</span></a>
            </div>
            <div id="hongkong_location" class="store">
                <a name="17" id="A18" href="#" state="HONG KONG">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">HONG KONG</span></a>
            </div>
            <div id="taiwan_location" class="store">
                <a name="18" id="A19" href="#" state="TAIWAN"><span class="retail_store_name">TAIWAN</span><img
                    src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="philippines_location" class="store">
                <a name="19" id="A20" href="#" state="PHILIPPINES">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">PHILIPPINES</span></a>
            </div>
            <div id="japan_location" class="store">
                <a name="22" id="A21" href="#" state="JAPAN">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">JAPAN</span></a>
            </div>
            <div id="canada_location" class="store">
                <a name="24" id="24" href="#" state="CANADA"><span class="retail_store_name">CANADA</span><img
                    src="Images/icon_1.png" alt="" /></a>
            </div>
            <div id="unitedsates_location">
                <a name="unitedsateas_location" id="0" href="#" class="us_store">
                    <img src="Images/icon_1.png" alt="" /><span class="retail_store_name">UNITED STATES</span></a>
            </div>
            <div class="retail_store">
                <img src="Images/icon_1.png" alt="" /><span class="retail_store_name bold">Retail store</span>
            </div>
            <div class="outlet_store">
                <img src="Images/icon_2.png" alt="" /><span class="retail_store_name bold">Outlet store</span>
            </div>
            <div class="clear">
            </div>
        </div>
        <!--==============================-->
        <div class="clear">
        </div>
        <div class="popupLayout">
            <!--            added by phucnguyen for his effect to wrap the parent DIV map_wraper-->
        </div>
        <div class="popupwindow">
            <a href="#" id="close_popup">
                <img src="Images/icon_close.png" class="btnClose" alt="close" /></a>
            <div class="contentInfoBox">
            </div>
        </div>
        <div id="store_tooltip">
            <span id='myStoreState' class='state'></span><span class='storeLink'>Click to view stores</span>
      </div>
    </div>
      
</body>
</html>
